<!DOCTYPE html> 
<html lang="en"> 

<head> 

<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- page title, displayed in your browser bar -->
<title>MINGYANG</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
	<style>#top, #bottom, #left, #right { display: none; }</style>
<![endif]-->

<!--[if IE]> 
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

<!--[if lte IE 7]> 
	<script src="js/IE8.js" type="text/javascript"></script>
<![endif]--> 

<!--[if lt IE 7]>  
	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/>
<![endif]--> 


<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- jquery -->
<script type='text/javascript' src='js/jquery.js'></script>

<!-- fancy box -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<!-- easing -->
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>

<!-- Tabs -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<!-- custom script -->
<script type='text/javascript' src='js/scripts.js'></script>

<!-- quote rotator -->
<script type='text/javascript' src='js/jquery.quovolver.js'></script>

<!-- FlexiSlider -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!-- Twitter -->
<script type="text/javascript" src="js/twitter.js"></script>

<!-- Flickr  -->
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>

<!-- isotope  -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>

<!-- image preloader  -->
<script type="text/javascript" src="js/jquery.preloader.js"></script>

<!-- google webfont font replacement -->
<link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>

</head>

<body id="top">

	<div id="content">
	
		<!-- Main Header -->
		<header id="main-header">
			
			<!-- Head Container -->
			<div class="container_wrap" id="header">
				<div class="container">
					<h1 class="logo bg-logo">
						<a href="index.html">
							<img src="images/logo.png" alt=""/>
						</a>
					</h1>
					<div class="main_menu">
						<div>
							<ul class="menu">
								<li><a href="index.html" class="current">主页</a>
									<ul>
										<li><a href="index_v2.html">一页</a></li>
										<li><a href="index_v3.html">二页</a></li>
										<li><a href="index_v4.html">三页</a></li>
									</ul>
								</li>
								<li><a href="blog.html">原创·诗歌</a>
									<ul>
										<li><a href="blog-standard-post.html">一千年</a></li>
										<li><a href="blog-link-post-type.html">花和雨</a></li>
										<li><a href="blog-quote-post-type.html">梦乡</a></li>
										<li><a href="blog-gallery-post-type.html">相册页</a></li>
									</ul>
								</li>
								<li><a href="#">个人页面</a>
									<ul>
										<li><a href="#">Responsive Sliders</a>
											<ul>
												<li><a href="slider-flexslider.html">FlexSlider</a></li>
												<li><a href="slider-wmuslider.html">wmuSlider</a></li>
											</ul>
										</li>
										<li><a href="#">Features</a>
											<ul>
												<li><a href="notifictions.html">Notifications</a></li>
												<li><a href="styled-lists.html">Styled Lists</a></li>
												<li><a href="typography.html">Typography</a></li>
												<li><a href="columns.html">Columns</a></li>
												<li><a href="icon-headings.html">Icon Headings</a></li>
												<li><a href="buttons.html">Buttons</a></li>
												<li><a href="tabs-toggles.html">Tabs &amp; Toggles</a></li>
												<li><a href="right-sidebar.html">Right Sidebar Layout</a></li>
												<li><a href="left-sidebar.html">Left Sidebar Layout</a></li>
											</ul>
										</li>
										<li><a href="about.html">关于我</a></li>
										<li><a href="team.html">我的项目</a></li>
										<li><a href="services.html">服务</a></li>
										<li><a href="pricing-table.html">Pricing Table</a></li>
										<li><a href="testimonials.html">Testimonials</a></li>
										<li><a href="404.html">Error 404</a></li>
									</ul>
								</li>
								<li><a href="#">文件夹</a>
									<ul>
										<li><a href="portfolio-standard-4col.html">Portfolio Standard 4 Columns</a></li>
										<li><a href="portfolio-standard-3col.html">Portfolio Standard 3 Columns</a></li>
										<li><a href="portfolio-standard-2col.html">Portfolio Standard 2 Columns</a></li>
										<li><a href="portfolio-sortable-4col.html">Portfolio Sortable 4 Columns</a></li>
										<li><a href="portfolio-sortable-3col.html">Portfolio Sortable 3 Columns</a></li>
										<li><a href="portfolio-sortable-2col.html">Portfolio Sortable 2 Columns</a></li>
										<li><a href="project.html">Project Page</a></li>
									</ul>
								</li>
								<li><a href="contact.html">联系我</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End Head Container -->

			<!-- Page Title Container -->
			<div class="container_wrap" id="page-title">
				<div class="container">
					<div class="full">
						<h2>Tabs &amp; Toggles</h2>
					</div>
				</div>	
			</div>
			<!-- End Page Title Container -->

		</header>
		<!-- End Main Header -->

		<!-- Main Container -->
		<section id="main-content">

			<!-- Container -->
			<div id="container">

				<!-- Begin Tabs & Toggles  -->
				<div class="container"  id="full-content">

					<!-- Begin Text heading  -->
					<div class="full">
				
						<p>Vivamus nam arcu purus feugiat. Nunc tincidunt aliquet labore tellus, magna quisque erat morbi placerat donec quisque, felis sapien inceptos imperdiet wisi nec, pede donec mauris mauris cursus amet libero. Enim amet tortor dapibus cum sed, libero non pulvinar, eu nulla sit phasellus fringilla, in elit turpis congue faucibus. Ut habitasse ac, qui porta velit, aptent fermentum natoque cras id libero. Litora accumsan eget donec arcu tortor, ornare praesent at lacus sollicitudin ultrices, nec donec arcu bibendum eu, ut in et non neque, sed potenti quisque.</p>
						
					</div>	
					<!-- End Text heading  -->
					
					<div class="entry-title">
						<h5><span>TABS</span></h5>
					</div>
					
					<!-- the tabs -->
					<ul class="tabs">
						<li><a class="" href="#">Tab 1</a></li>
						<li><a class="" href="#">Tab 2</a></li>
						<li><a class="" href="#">Tab 3</a></li>
					</ul>
							
					<!-- tab "panes" -->
					<div class="panes">
							
						<div class="pane">
						<h3>Tab 1</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et vehicula felis. Aliquam ac dolor enim. Nunc imperdiet convallis felis, eget vestibulum elit mollis quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lorem purus, blandit eu rhoncus id, tempor et nulla. Mauris vel ipsum vitae arcu pretium pretium vitae id est. Vivamus pharetra est sed dui commodo id convallis sapien ultrices. Morbi rutrum, ligula eu viverra luctus, nisl arcu ornare leo, id cursus ante turpis sit amet mi. In gravida libero at libero porttitor varius. Sed tempor, elit nec blandit porta, metus est adipiscing mi, et lacinia metus est sit amet sapien. Fusce sit amet eros nisi, quis elementum lorem. Duis egestas, erat lobortis porta egestas, mi sem scelerisque urna, vitae bibendum nisl nunc fringilla orci. Morbi quis ligula at purus tincidunt ullamcorper. Sed vestibulum bibendum justo eu malesuada.</p>
						</div>
							
						<div class="pane">
						<h3>Tab 2</h3>
						<p>Pellentesque a magna sed sem congue blandit. Nullam volutpat est ac tellus ornare non condimentum odio mattis. Fusce convallis augue sed diam suscipit vehicula. Proin iaculis sollicitudin massa, a blandit neque tempus sed. Morbi placerat mi accumsan nisl tempus luctus. Integer iaculis nisi eu lectus laoreet gravida. Nunc lacus elit, tempus tincidunt malesuada eu, commodo et sapien.</p>
						</div>
								
						<div class="pane">
						<h3>Tab 3</h3>
						<p>Duis non lectus sit amet est imperdiet cursus elementum vitae eros. Etiam adipiscing morbi vitae magna tellus, ac mattis urna. Phasellus rhoncus tincidunt posuere. Cras quis odio in risus euismod suscipit.  Fusce viverra ligula vel justo bibendum semper. Nulla facilisi. Donec interdum, enim in dignissim lacinia, lectus nisl viverra lorem, ac pulvinar nunc ante at neque. Proin et dui eros, at aliquet est. Donec aliquam neque quis mi vestibulum ut cursus velit consectetur. Mauris convallis, sapien id ultricies aliquet, mi nisi congue dui, id laoreet ligula ante vitae ligula. Duis lectus magna, cursus in molestie eget, cursus eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris convallis, sapien id ultricies aliquet, mi nisi congue dui, id laoreet ligula ante vitae ligula.</p>
						</div>
								
					</div>
					
					<div class="entry-title">
						<h5><span>TOGGLES</span></h5>
					</div>
							
					<div class="toggle">
						<h4 class="trigger">1. Click on me</h4>
						<div class="togglebox">
							<div>
							<h4>Lorem ipsum dolor sit amet</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et vehicula felis. Aliquam ac dolor enim. Nunc imperdiet convallis felis, eget vestibulum elit mollis quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
							</div>
						</div>
								
					</div>
							
					<div class="toggle">
						<h4 class="trigger">2. Click on me</h4>
						<div class="togglebox">
							<div>
							<h4>Pellentesque a magna sed sem congue blandit</h4>
							<p>Pellentesque a magna sed sem congue blandit. Nullam volutpat est ac tellus ornare non condimentum odio mattis. Fusce convallis augue sed diam suscipit vehicula. Proin iaculis sollicitudin massa, a blandit neque tempus sed. Morbi placerat mi accumsan nisl tempus luctus. Integer iaculis nisi eu lectus laoreet gravida.</p>
							</div>
						</div>
								
					</div>
								
					<div class="toggle">
						<h4 class="trigger">3. Click on me</h4>
						<div class="togglebox">
							<div>
							<h4>Pellentesque a magna sed sem congue blandit</h4>
							<p>Pellentesque a magna sed sem congue blandit. Nullam volutpat est ac tellus ornare non condimentum odio mattis. Fusce convallis augue sed diam suscipit vehicula. Proin iaculis sollicitudin massa, a blandit neque tempus sed. Morbi placerat mi accumsan nisl tempus luctus. Integer iaculis nisi eu lectus laoreet gravida.</p>
							</div>
						</div>
								
					</div>
						
					<div class="toggle">
						<h4 class="trigger">4. Click on me</h4>
						<div class="togglebox">
							<div>
							<h4>Lorem ipsum dolor sit amet</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et vehicula felis. Aliquam ac dolor enim. Nunc imperdiet convallis felis, eget vestibulum elit mollis quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
							</div>
						</div>
								
					</div>
						
					</div>
					<!-- End Tabs & Toggles -->
				
				<!-- Footer Container -->
				<footer class="container_wrap" id="footer">
				
					<!-- Begin Footer -->
					<div class="container">
					
						<div class="one_fourth first column_container">
							<div class="widget">
								<div class="widget-title">博客导航</div>
								<div class="widget-content links">
									<ul>
										<li><a href="#">首页</a></li>
										<li><a href="about.html">关于我</a></li>
										<li><a href="services.html">服务项目</a></li>
										<li><a href="contact.html">联系我</a></li>
									</ul>
								</div>
							</div>	
						</div>	
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">近期热点</div>
								<div class="widget-content archive">
									<ul class="news-wrap">
										<li class="news-content">
											<a class="news-link" title="" href="https://mp.weixin.qq.com/s/Fx-zSlQ_3iXG3ikGtt6qNw">
												<strong class="news-headline">10年，4次，超6级！为何四川频发强震？<span class="news-time">2017-08-10 云生活助手</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="http://imims.top/?p=263">
												<strong class="news-headline">陈奕迅 《谁来剪月光》、《海胆》320KB MP3下载<span class="news-time">2017-8-12 imims博客</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="http://blog.sina.com.cn/s/blog_70ca4aca0102wxw0.html">
												<strong class="news-headline">VPNGate 日本教育部大学开源资助项目，全速2MB/s<span class="news-time">2017-08-02 sina博客</span></strong>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">最新动态</div>
								<div class="widget-content archive">
									<ul class="news-wrap" id="twitter_update_list">
										<li><p>请等待....我的动态正在加载<img src="images/indicator-white.gif" alt="loading"/></p></li>
									</ul>
									<p><span class="follow-twitter"><a href="http://weibo.com/1892305610/">Follow Me +</a></span></p>
								</div>
							</div>
						</div>
							
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">软件博客</div>
								<div class="widget-content">
									<ul id="flickr_widget">
									</ul>
									<p><span class="follow-twitter"><a href="http://www.imims.top/">imims博客站</a></span><p>
								</div>
							</div>
						</div>
						
					</div>
					<!-- End Footer -->
				
				</footer>
				<!-- End Footer Container -->
				
				<!-- Socket Container -->
				<div class="container_wrap" id="socket">
				
					<!-- Begin Copyright -->
					<div class="container">
						<span class="copyright">&copy; Copyright &copy; 2017.Company IMIMS All rights reserved.<a target="_blank" href="http://weibo.com/233130122" title="weibo">45du忧桑</a> Collect from <a href="http://www.imims.top/" title="创建者" target="_blank">MINGYANG</a></span>
						
						<div class="backtop">
							<a href="#backtop">Top</a>
						</div>
					</div>
					<!-- End Copyright -->
				
				</div>
				<!-- End Socket Container -->

			</div>
			<!-- End Container -->

		</section>	
		<!-- End Main Container -->
	
	</div>
	

</body>
</html>